@font-face{
     font-family: 'syht'; 
     src: url('../fonts/SourceHanSansCN-Regular.ttf') format('truetype');
}

 /*------------------------------------------*\
 			初始化
 \*------------------------------------------*/
 

html{line-height:1.15;-webkit-text-size-adjust:100%;}
body{margin:0;}
main{display:block;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace,monospace;}
a{background-color:transparent;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
code,kbd,samp{font-family:monospace,monospace;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details{display:block;}
summary{display:list-item;}
template{display:none;}
[hidden]{display:none;}
HTML,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td{border:none;font-family:'syht',"微软雅黑","黑体","宋体";font-size:0.948148rem/*16(16.875=1rem)*/;margin:0px;padding:0px;}
html,body{height:100%;width:100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
a{text-decoration:none;}
a:link{color:#fff;}
a:visited{color:#fff;}
a:hover{color:#fff;}
a:active{color:#fff;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
input{-webkit-appearance:none;margin:0;outline:none;padding:0;}
input::-webkit-input-placeholder{color:#ccc;}
input::-ms-input-placeholder{color:#ccc;}
input::-moz-placeholder{color:#ccc;}
input[type=submit],input[type=button]{cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
img{border:none;max-width: 100%;}
ul,ol,li{list-style-type:none;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.floatleft{float:left;}
.floatright{float:right;}
.cursor{cursor:pointer;}
.bg000{background:#000;}
.color000{color:#000;}
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear:both;

    visibility: hidden;
}
.clearfix{
    *zoom: 1;
}
 /*======================end=================*\
 
 /*------------------------------------------*\
                首页
 \*------------------------------------------*/
 header{
 	max-width: 85%;
 	margin: 0 auto;
 }
 section,aside{
 	width: 85%;
 	margin: 0 auto;
 	max-width: 1300px;

 }
 .header{background:#333; }

.logo{
 	width: 15%;
 	float: left;
 	/*margin-right: 1%;*/
 	margin:1% auto;/*8*/

    position: absolute;
    left: 0;
    margin-left: 5%;
 }
nav{
	width: 68%;
	/*width: 100%;*/
	/*float: left;*/
	margin: auto;
	max-width: 900px;
}
nav ul{
	position: relative;
}
nav ul li{
	width: 15.6%!important;
	float: left;
	text-align: center;
}
nav ul li a{
	display: block;
	
	color: #9d9d9d!important;
	line-height: 2.0;
	padding: 1.777778rem 0;/*30*/
}
nav ul li a.active{
	color: #dcb86c!important;
}

nav ul li .nav_child{
    position: absolute;
	top: 5.4rem;
	left: 50% !important;
	transform: translate(-50%,0);
    /* left: -8.296296rem;140 */
    z-index: 10;
    display: none;
    /*padding-top: 15%;*/

}
nav ul>li:hover .nav_child{
	display: block;
}
.nav_child ul{
    /*width: 25.481481rem!important;*//*430*/
    width: 25.481481rem;/*430*/
    padding: 1.5% 0;
    text-align: center;
	margin: 0 auto;
}
.nav_child ul li {
    float: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    width: 8.296296rem!important;/*140*/
}
.nav_child ul li a{color: #fff!important;padding: 0;transition: all 0.6s;}
.nav_child ul li a:hover{color:#dcb86c!important;}

.nav_child ul li a:hover img {transform: scale(1.2,1.2);}
.shadow {
    display: none;
    position: absolute;
    top: 91px;
    left: 0;
    width: 100%;
    height: 8.296296rem;/*140*/
    background: rgba(25,25,25,0.7);
    z-index: 2;
}

.search{
	width: 4%;
	line-height: 2.0;
    padding: 1.777778rem 0;/*30*/
    box-sizing: border-box;
    display: inline-block;
	float: left;
	text-align: right;
	
}
.tel{
	width: 14%;

	/*float: right;*/
	/*margin:0.888889rem 1% 0.888889rem 0;*//*15*/
	margin: 1% auto;
	position: absolute;
	right: 0;
	top: 0;
	margin-right:  5%;
}
.tel span{
	display: block;
	text-align: right;
	color: #dcb86c;
	line-height: 1.5;
	font-size: 1.066667rem;/*18*/
    background: linear-gradient(to top right, #fff000, #ffae0b,#fff000);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}




aside{
	
	box-sizing: border-box;
	margin: 1.185185rem auto;/*20*/
}
.aside{
	position: relative;
	overflow: hidden;
}
.aside .bg{transition: all 0.8s;    width: 100%;}
.aside:hover .bg{
	transform: scale(1.2,1.2);
}
.bg_box{overflow: hidden;text-align: center;border-radius: 0.592593rem;}
.aside .aside_box{
	
	margin:0.592593rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	background: #000;
    opacity: 0.5;
}
.aside .aside_box span{
	height: 85%;
    display: block;
    margin: 1.185185rem;/*20*/
    text-align: center;
}
.aside .aside_box:hover span{border:1px solid #fff;transition: all 0.4s;}
.aside .aside_box span img{/*margin: 10%;*/    margin: 10% auto 0;}

.banner-animate{
   

        width: 100%;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
    	margin-top: 15%;
    }
    
.banner-animate span{display: inline-block;}

.banner-item1{
    width: 40%;
    margin:1% auto;

    opacity: 0;
    -webkit-transform: translate3d(-100%, 0%, 0);
    -moz-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
    transition: opacity 0.8s 0.2s ease-out, transform 0.8s 0.2s;
}
.banner-item2{
    margin:1% auto 0;/*20 40*/

    width: 30%;
    opacity: 0;
    -webkit-transform: translate3d(100%, 0%, 0);
    -moz-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
    transition: opacity 0.8s 0.6s ease-out, transform 0.8s 0.6s;

}
.banner-item3{
    width: 55%;
    margin:4% auto 1%;/*20 40*/

    opacity: 0;
    -webkit-transform: translate3d(-100%, 0%, 0);
    -moz-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
    transition: opacity 0.8s 1s ease-out, transform 0.8s 1s;
}
.banner-item4{
    width: 35%;
    margin:10% auto 1%;/*20 40*/

    opacity: 0;
    -webkit-transform: translate3d(100%, 0%, 0);
    -moz-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
    transition: opacity 0.8s 1.4s ease-out, transform 0.8s 1.4s;
}

.banner-item5{
    width: 50%;
    margin:1% auto;

    opacity: 0;
    -webkit-transform: translate3d(100%, 0%, 0);
    -moz-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
    transition: opacity 0.8s 0.2s ease-out, transform 0.8s 0.2s;
}
.banner-left{
    position: absolute;
    top: 0;
    left: 1%;
    width: 24%;
    margin-top: -7%;
}
.banner-right{
    position: absolute;
    top: 0;
    right: 5%;
    width: 15%;
    margin-top: -2%
}
    .swiper-slide-active .banner-item1,
    .swiper-slide-active .banner-item2, 
    .swiper-slide-active .banner-item3,
    .swiper-slide-active .banner-item4,
    .swiper-slide-active .banner-item5 {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }





section{margin: 1.777778rem auto;/*30*/}
.index_title{
	text-align: center;
	margin: 1.185185rem auto;/*20*/
}
.index_title h2{
	font-size: 1.896296rem;/*32*/
	color: #444;
	padding-left: 1.185185rem;/*20*/
	padding-right:  1.185185rem;/*20*/
    text-align: center;
    display: inline-block;
    background: url(../img/h2_bg.png) no-repeat 0 center/100% ;
}


.index_solution{padding-top: 1.185185rem}
.solution{
	width: 98%;
    margin: auto;
	background: #fff;
	border-radius: 10px;

	text-align: center;
	padding:1.185185rem;/*20*/
	box-sizing: border-box;
}
.solution_title{
	font-size: 1.422222rem;/*32*/
	color: #444;
	text-align: center;
	margin:1.185185rem auto;/*20*/
}
.solution_desrc{
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	height: 5.925926rem;/*100*/
}
.solution_img img{opacity: 0.8}
.solution:hover .solution_img img{opacity: 1;transition: all 0.4s;}
.index_more{
	text-align: center;
}
.index_more .index_btn{
	width: 11.851852rem;/*200*/
	line-height: 3.0;
	display: inline-block;
	border:1px solid #cb9433;
	color: #cb9433;
	margin: 1.185185rem auto;/*20*/
	cursor: pointer;
}
.index_more .index_btn:hover{
	background: #fff;
}


.index_case ul li {
    width: 27%;
/*    height: 256px;*/
    float: left;
    margin-right: 1%;
    margin-top:  1%;

    position: relative;
	
	overflow: hidden;
}
.index_case ul li img{transition: all 0.5s;}
.index_case ul li:hover img{transform: scale(1.2,1.2);}
.index_case ul li:first-child {
    width: 39%;
    /*height: 520px;*/
}
.index_case ul li span{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	background: rgba(0,0,0,.5);
	line-height: 2.0;
	font-size: 1.422222rem;/*24*/
    padding: 0.296296rem;/*5*/
    text-align: center;
    box-sizing: border-box;
}



.index_about .bg_box img{
	border-radius: 0.592593rem;/*10*/
	transition: all 0.5s;
}
.index_about .bg_box:hover img{
	transform: scale(1.2,1.2);
}
.index_about .bg_box+span{
    text-align: center;
    z-index: 9999;
    background: rgba(0,0,0,0.5);
    font-size: 1.540741rem;/*26*/
    position: absolute;
    color: #fff;
    width: 46%;
    line-height: 4.0;
    top: 35%;
    left: 29%;
}


.news{max-width: 600px}
.news-item{position: relative;}
.news_title{
	vertical-align: top;
	width: 100%;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	line-height: 2.0;
	padding: 0.296296rem;/*5*/
	box-sizing: border-box;
}
.news-scroll ul{height: 100%;}
.news-scroll ul li{
	border-bottom: 1px dotted #e5e5e5;
	/*width: 100%!important;*/
	padding-top:  0.592593rem;/*10*/
}
.news_title span{
	width: 78%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}
.news_title time{
	width: 20%;
	float: right;
	display: inline-block;
	line-height: 2.5;
	font-size: 0.82963rem;/*14*/
}
.news_time{
	border-radius: 5px;/*5*/
	color: #fff;
	font-size: 0.82963rem;/*14*/
	background: #474747;
	display: inline-block;
	text-align: center;
	line-height: 2.0

}
.news_time span{
	width: 2.962963rem;/*50*/
	background: #cd9a3f;
	display: inline-block;
	padding: 0 0.296296rem;/*5*/
	border-radius: 5px;/*5*/
}
.news_time time{
	width: 5.925926rem;/*100*/
	padding: 0 0.296296rem;/*5*/
	display: inline-block;
}
.news-list{
	color: #666;
	font-size: 1.066667rem;/*18*/
	line-height: 2.0;
}
.news-descr{
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height:2.785185rem;/*50*/
	margin-bottom: 0.592593rem;/*10*/
	
}
.scroll-page{
	text-align: center;
	margin: 0.592593rem auto;/*10*/
}
.page-next,.page-prev{
	width: 1.777778rem;/*30*/
	height: 1.777778rem;
	display: inline-block;
	cursor: pointer;
}
.page-prev{
	background: url(../img/arrow-01.png) no-repeat 0 0/100% 100%;
}
.page-next{
	background: url(../img/arrow-02.png) no-repeat 0 0/100% 100%;
}

footer{background: #1f232e;padding: 1.185185rem 0;box-sizing: border-box;}
.footer{width: 90%;max-width: none;}
.contact-menu{width: 100%;}
.foot-title{
	color: #999;
    float: left;
    width: 20%;
    max-width: 120px;
    /*margin: 2.37037rem auto;/*40*/*/
}
.foot-title h4{margin-bottom: 1.185185rem}
.list-unstyled a,.list-unstyled li{
	font-size: 0.82963rem;/*14*/
}
.list-inline li{display: inline-block;padding: 0 0.296296rem;/*5*/font-size: 0.82963rem;/*14*/}
.list-inline li:not(:first-child) a{
	color: #999;
}
.contact-msg{text-align: right}
.contact-msg h1{
	font-size: 1.659259rem;/*28*/
    /*line-height: 2.0;*/
    color: #dbc177;
    /*margin-top: 1.896296rem;/*32*/*/
}
.contact-msg h3{
	font-size: 1.066667rem;/*18*/
    /*line-height: 2.0;*/
    color: #fff;

}
.contact-msg h4{
	font-size: 0.948148rem;/*16*/
    line-height: 2.0;
    color: #fff;

}
.contact-msg dd {
    line-height: 2.0;
    color: #999;
    display: inline-block;
	vertical-align: top;
	font-size: 0.948148rem;/*16*/

}
.contact-msg .layui-col-md8{padding: 0 0.592593rem}
/*.contact-menu{
	padding-left: 5%;
		box-sizing: border-box;
}*/
.ewm{text-align: center;}
.ewm span{
	color: #fff; 
    margin-right:0; 
    font-size: 0.82963rem;/*14*/
    display: inline-block;
    line-height: 2.0;
    text-align:center;
}
.copy div{
	color: #999;
	font-size: 0.82963rem;/*14*/
	display: inline-block;
}
.copy span {
	color: #999;
  	float: right;
  	font-size: 0.82963rem;
}
/*.copy{padding-bottom: 2.37037rem;/*40*/}*/

.slide{

	position: fixed;
	z-index: 20;
	right: 0;
	top: 50%;
	background: rgba(43,53,63,.8);
	margin-top: -5.925926rem;/*100*/
}
.slide span{
	display: block;
	text-align: center;
	line-height: 2.0;
	margin-top: -1.896296rem;/*32*/
	font-size: 0.711111rem;/*12*/
}
.slide li{
	border-bottom: 1px solid #616a74;

}
.wxqr{
	display: none;
	position: absolute;
	top: 5%;
	left: 4.02963rem;
	width: 11.851852rem;/*200*/
}
.swiper-container .swiper-button-next{
	bottom: 3%;
	right: 1%;
}
.swiper-container .swiper-button-prev{
	bottom: 3%;
	left: 1%;
}
 /*======================end=================*\
 
 /*------------------------------------------*\
                产品
 \*------------------------------------------*/

.goods-title{
	
	width: 69%;
	float: left;
	white-space:nowrap;
	overflow: auto;
}
.goods-top ul li {
	margin: 0 1%;
    text-align: center;
    
	display: inline-block;
    background: #e9e9e9;
    width: 11.851852rem;/*200*/

    border-radius: 0.474074rem;/*8*/
    list-style: none;
    line-height: 3.0;
    overflow: hidden;
}
.goods-top ul li a{
	font-size: 1.066667rem;/*18*/
    color: #666;
}
.goods-li{

    color: #dcb86c!important;
    background: #1f232e;

}
.goods-top ul li a{
	color: #333;
	display: block;
}
.searchForm{
	width: 28%;
	float: left;
	margin: 0.592593rem 1%;/*10*/
	border:1px solid #ccc;
	border-radius: 0.237037rem;/*4*/
	max-width: 280px;
}
.searchForm input{
	border:none;
	background: none;
	width: 80%;
	padding: 0.592593rem;/*10*/

}
.btn-default{
	border:none;
	
	background: none;
}
.btn-default i{
	font-size: 1.422222rem;/*24*/
	color: #333;
}


.item-brand{
	margin: 1.185185rem auto;

	/*border-bottom: 1px dashed #ccc;*/
}
.item-brand h3{
	text-align: center;
}
.item-brand ul{margin-bottom: 2.962963rem;border-bottom: 2px dotted #ccc}
.item-brand ul li{
	width: 18%;
	margin: 1.185185rem 1%;/*20*/
	float: left;
}

.goods{
    display: block;
    padding: 4px;
    margin-bottom: 1.185185rem;/*20*/
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0.237037rem;/*4*/
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.goods h2{
	color: #666;
    line-height: 2.0;
    font-size: 0.948148rem;/*16*/
    width: 80%;
    margin: 1.185185rem auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3.851852rem;/*65*/
}
.goods img{
	margin: 1.185185rem auto;
}

.location a{
	color: #999;
	font-size: 0.82963rem;/*14*/
	margin:0 0.296296rem;
}
.location{margin: 1.185185rem auto;}

.goods-detail h2,.param h2,.case-detail h2,.anli-details h1{
	font-size: 1.777778rem;/*30*/
	color: #333;
	margin: 0.592593rem auto;/*10*/
	text-align: center;
}
.goods-descr{
	color: #666;
	font-size: 0.948148rem;/*16*/
}
.goods-btn{
	margin: 1.185185rem auto;
}
.goods-btn a{
	color: #dcb86c;
	background: #1f232e;
	display: inline-block;
	border-radius: 0.237037rem;/*4*/
	line-height: 2.0;
	padding: 0 0.592593rem;
	min-width: 100px;
	text-align: center;
	margin: 0.592593rem auto;/*10*/
}
.param{
    border-top: 1px dashed #ccc;
}
.goods-param{margin: 1.185185rem auto;}


.goods-img2 {
    position: relative;
    overflow: hidden;
    min-height: 380px;
    border-bottom: 1px dashed #ccc;
}
.goods-img2 h3 {
    margin-top: 2%;

    text-align: center;
}
.goods-img2 div {
    color: #fff;
    line-height: 3.0;
    width: 5.925926rem;/*100*/
    height: 2.666667rem;/*45*/
    right: 0;
    position: absolute;
    bottom: 0;
    text-align: center;
    background: #1f232e;
}

 /*======================end=================*\
 
 /*------------------------------------------*\
                案例
 \*------------------------------------------*/
.case-top .goods-title{
	width: 100%;
}

.item-case ul li{
	width: 22.8%;
	border:1px solid #fff;
}
.item-case ul li:hover{
	border:1px solid #ddd;

}
.case-title{
 	margin: 0.592593rem auto;
 	color: #666;
 	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 2.962963rem;/*50*/
	padding:0 0.177778rem;
	box-sizing: border-box;
 }
.case-title+time{
	color: #999;
	font-size: 0.82963rem;/*14*/
	padding:0 0.177778rem;
	box-sizing: border-box;

}
.more-btn{
	display: block;
	width:8.888889rem;/*150*/
	color: #dcb86c;
	background: #1f232e;
	line-height: 2.5;
	text-align: center;
	margin: 0.592593rem auto;/*10*/
	border-radius: 0.237037rem;/*4*/
	cursor: pointer;
}
.case-detail{text-align: center;}
.case-detail time{
	color: #999;
	font-size: 0.82963rem;/*14*/

}
.cont{
	text-align: left;
	color: #333;
	margin: 1.185185rem auto;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 1.185185rem;
}
.next-prev a{color: #333;text-align: left;line-height: 2.0}
.solution-list .list>a{
	display: block;
	width: 14.814825rem;/*350*/
	height: 14.814825rem;/*350*/
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	border-radius: 50%;/*175*/
	position: relative;
}
.solution-list .list>a:hover .tuimg{display: none;}
.solution-list .list>a:hover .tuimg-h{display: inline-block;}
.solution-list .list>a:hover p{color: rgb(218,185,107);}
.solution-list .list .level-top{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	padding-top: 28%;
	box-sizing: border-box;
	line-height: 2.0;
	position: relative;
	
}
.solution-list .layui-col-md4 p{
	font-size:1.185185rem;
	line-height: 3.0
}
.case-bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	z-index: 0;
}
.tuimg-h{display: none;}
.homePageIcon{position: relative;}
.homePageIcon span{
	background: rgba(0,0,0,.8);position: absolute;top: 0;bottom: 0;right: 0;left: 0;
}
.homePageIcon span img{display: block;width: 4.740741rem;/*80*/margin: 20% auto;}
.anli-details{width: 80%;margin: 1.185185rem auto}
 /*======================end=================*\
 
 /*------------------------------------------*\
                留言
 \*------------------------------------------*/
 .contact h2{
 	font-size: 1.422222rem;/*24*/
 	color: #333;
 	text-align: center;
 	line-height: 2.0;
 	border-bottom: 1px dashed #ccc;
 }
 .contact p{
 	color: #dab96b;
 	line-height: 2.0;
 	text-align: center;
 	font-size:1.066667rem;/*18*/
 }
 .contact form{
 	width: 80%;
 	margin: 1.185185rem auto;/*20*/
 	max-width: 800px;
 }
 .layui-input, .layui-textarea{
 	border: 1px solid #ccc;
 	color: #333;
 }
 .layui-form-label{color:#333;}
 .layui-btn{
	line-height: 2.0;
    border: none;
    background: #1f232e;
    color: #dab96b;
    font-weight: bold;
    width: 7.703704rem;/*130*/
    font-size: 1.066667rem;/*18*/
 }
/*招聘*/
.careers {
    margin-bottom: 3.555556rem;/*60*/
}
.careers-title {
    line-height: 2.37037rem;/*40*/
    background-color: #1f232e;
}
.careers-title .ul-ratio {
    border: 0;
}

.careers-title .ul-ratio {
    height: 3.318519rem;/*56*/
    line-height: 3.318519rem;
}
.ul-ratio {
    border-bottom: 1px solid #d2d2d2;
    height: 4.148148rem;/*70*/
    line-height: 4.148148rem;
    font-size: 0;
    overflow: hidden;
}
.careers-title .ul-ratio > li {
    /* font-weight: bold; */
    width: 25%;
    text-align: center;
}

.ul-ratio > li {
    display: inline-block;
    font-size: 0.82963rem;/**/
    color: #fff;
    vertical-align: top;
}
.careers-dtl > ul:hover, .careers-dtl > ul.on {
    /* background-color: #00693e; */
    background-color: #ccc;
}

.ul-ratio:hover, .ul-ratio .on {
    border-bottom: 1px solid #1f232e;
}
.careers-dtl > ul > li {
    position: relative;
    color: #333;
    width: 25%;
    text-align: center;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.careers-arrow {
    position: absolute;
    display: inline-block;
    right: 2.37037rem;/*40*/
    top: 50%;
    margin-top: -0.888889rem;/*-15*/
    width: 1.540741rem;/*26*/
    height: 1.540741rem;/*26*/
    line-height: 26px;
    font-size: 1.777778rem;/*30*/
    color: rgb(203, 203, 203);
    text-align: center;
    font-family: 宋体;
    font-weight: bold;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(203, 203, 203);
    border-image: initial;
    border-radius: 50%;
    transition: all 0.5s cubic-bezier(0.45, -0.96, 0.11, 1.76) 0s;
}
.careers-req {
    display: none;
    padding-top: 28px;
    padding-bottom: 50px;
    padding-left: 52px;
    border-bottom: 1px solid #d2d2d2;
    line-height: 25px;
    font-size: 12px;
    color: #777;
    -o-transition: background-color .7s ease;
    -moz-transition: background-color .7s ease;
    transition: background-color .7s ease;
}
.search2{
	margin-bottom: 1.185185rem;
    position: absolute;
	display: none;
    width: 100%;
    left: 0;
    top: 95px;
    text-align: center;
    z-index: 9
}
.search2 input{
	width: 50%;
	
    background: rgba(25,25,25,0.7);
	border:1px solid #dcb86c;
	text-align: left;
	line-height: 2.0;
	color: #fff;
	border-radius: 0.237037rem;/*4*/
	padding: 0.237037rem 0.592593rem;/*4 10*/
}
.search2 button{
	border:none;
	background: none;
	height: 100%;
	margin-left: -2.962963rem;/*50*/
	cursor: pointer;
}
@media screen and  (max-width:1157px){ 
	header{width: 100%}
	.logo{margin-left: 3%}
 }
 @media screen and  (max-width:1100px){ 
	.banner-item1,
    .banner-item2,.banner-item4{margin-bottom: 0!important}
    .banner-animate{margin-top: 9%}
 }

 @media screen and  (max-width:991px){ 
	.contact-msg{text-align: left}
 }
 @media screen and  (max-width:983px){ 
	.tel{display: none}
	.logo {margin-top: 2%}
 }
@media screen and (min-width:320px) and (max-width:850px){ 
	.careers-arrow,.search_btn,.contact-menu,nav ul>li:hover .nav_child{display: none;}
	.logo{width: 40%;position: relative;}
	.nav-collapse{
		width: 100%;
		float: none;
		position: absolute;
		right: 0;
	}
	section,aside,
	.contact form,.goods-title,.searchForm{width: 95%;}
	.nav-collapse ul{
		width: 100%;
	   	position: absolute;
	   	top: 55px;/*57*/
	   	left: 0;
   	    background: #333;
	   	z-index: 999;
	   	border-top: 1px solid transparent;
   		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
   		box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
   		border-color: #101010;
	}
	.nav-collapse li{
		width: 100%!important;
		float: none
	}
	nav ul li a{
	    padding: 0.592593rem 0;/*10*/
	}
	.search{
		width: 98%;
		margin:1%;
		text-align: center;
	}
	.index_case ul li{
		width: 49%;
		max-width: 750px;
	}
	.index_case ul li:first-child{width: 99%}
	.copy span{float: none}
	.search2{
		display: block;
		position: relative;
		top: 0;
	}
	.layui-col-space30,.layui-col-space20,.layui-input-block{margin: 0}

	.layui-form-label{display: none}
	.item-brand ul li{width: 48%}
	.item-case ul li{width: 47%}
	.homePageIcon span img{margin: 12% auto;}
	.banner-item3{}
	.banner-item1 {margin-top: 0;}
	.banner-left{margin-top: -7%}
	.banner-right{}
	
/*.banner-item4 {margin-top: 1.185185rem;/*20*/}*/
 }

  @media screen and  (max-width:445px){ 
	.case-title{height: 3.851852rem;/*65*/}
 }